<!--收藏夹-->
<script setup>
import {Folder} from "@element-plus/icons-vue"
import {FavorFolderType} from "@ginstone/nga-api/dist/src/enums/FavorFolderType";
import {FavorFolder} from "@ginstone/nga-api/dist/src/response/nuke/FavorFolder";
import FavorLink from "@/components/common/link/FavorLink.vue";

const props = defineProps({data: FavorFolder})

</script>

<template>
  <div style="display: inline-block;margin-left: 10px">
    <el-icon>
      <Folder/>
    </el-icon>
    <favor-link :id="data.id">
      <el-link>
        {{ data.name }} ({{ data.length }})
      </el-link>
      <el-tag v-if="data.type===FavorFolderType.DEFAULT" effect="dark" type="success">默认</el-tag>
      <el-tag v-if="data.type===FavorFolderType.PRIVATE" effect="dark" type="danger">私有</el-tag>
      <el-tag v-if="data.type===FavorFolderType.PUBLIC" effect="dark">公开</el-tag>
    </favor-link>
  </div>
</template>

<style scoped>

</style>